.FinanceHome {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	& > div {
		width: 100%;
		flex: 1;

		&.top {
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 16px;

			& > div {
				flex: 1;
				height: 100%;
				background: white;
				padding: 8px;
				border-radius: 8px;

				&.A01,
				&.A02 {
					margin-right: 16px;
				}

				&.A02,
				&.A03 {
					display: flex;
					align-items: center;
					justify-content: center;
					flex-direction: column;

					& > .Title {
						width: 100%;
					}

					& > .List {
						width: 100%;
						flex: 1;
					}
				}

				&.A01 {
					& > .List {
						width: 100%;
						height: 100%;
						display: flex;
						align-items: center;
						justify-content: center;
						flex-wrap: wrap;

						& > div {
							width: 40%;
							display: flex;
							align-items: center;
							justify-content: center;
							flex-direction: column;

							& > span {
								font-size: 40px;
							}

							& > div:nth-child(2) {
								font-size: 14px;
								font-family: ShuHeiTi;
								font-weight: bold;
								color: #262626;
								margin: 4px 0;
							}

							& > div:nth-child(3) {
								font-size: 24px;
								font-family: DIN Condensed;
								font-weight: bold;
								color: #262626;

								& > span {
									font-size: 14px;
									font-family: PingFang SC;
									font-weight: bold;
									color: #262626;
								}
							}
						}
					}
				}
			}
		}

		&.btm {
			background: white;
			padding: 8px;
			border-radius: 8px;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > div {
				width: 100%;

				&.List {
					flex: 1;
				}
			}
		}
	}

	.Title {
		font-size: 20px;
		font-family: ShuHeiTi;
		font-weight: bold;
		color: #262626;
		padding: 0 8px;
	}
}
